<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>易联众后台UI参考</title>
<link href="../ylzui/style/page.css" rel="stylesheet" type="text/css" />
<link href="../ylzui/style/model.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="../scripts/jquery-1.8.1.min.js"></script>
<script language="javascript" type="text/javascript" src="../scripts/jquery.cookie.js"></script>
<script language="javascript" type="text/javascript">  
//网站换肤  
$(function () {  
    var $li = $("#skin li");  //查找到元素  
    $li.click(function () {   //给元素添加事件  
        switchSkin(this.id);//调用函数  
    });  
    //保存Cookie完毕以后就可以通过Cookie来获取当前的皮肤了  
    var cookie_skin = $.cookie("MyCssSkin");     //获取Cookie的值  
    if (cookie_skin) {                          //如果确实存在Cookie  
        switchSkin(cookie_skin);     //执行  
    }  
});  
function switchSkin(skinName) {     
    $("#" + skinName).addClass("selected")                //当前<li>元素选中  
                       .siblings().removeClass("selected");  //去掉其他同辈<li>元素的选中  
    //设置不同皮肤
	$(window.parent.mainFrame.document).find("#cssfile").attr("href", "themes/" + skinName + "/style/" + skinName + "_skin.css");
    $.cookie("MyCssSkin", skinName, { path: '/', expires: 10 });  //保存Cookie  
    //alert(skinName); 	 
}
//
</script>
<style type="text/css">
/*切换皮肤样式*/ 
.styleswitcher {
	position:absolute;
	top:10px;
	right:10px;
	overflow:hidden;
}
#skin {
	float:right;
	margin:0;
	padding:1px 0 0 2px;
	width:170px;
	list-style:none;
	border: 1px solid #C63;
	background:#FFF;
}
#skin li {
	float:left;
	margin-right:2px;
	width:15px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	background-image:url(images/theme.png);
}
#common {
	background-position:0px 0px;
}
#darkblue {
	background-position:-20px 0px;
}
#skyblue {
	background-position:-40px 0px;
}
#darkgreen {
	background-position:-60px 0px;
}
#lightgreen {
	background-position:-80px 0px;
}
#yellow {
	background-position:-100px 0px;
}
#orange {
	background-position:-120px 0px;
}
#red {
	background-position:-140px 0px;
}
#darkred {
	background-position:-160px 0px;
}
#violet {
	background-position:-180px 0px;
}


#common.selected {
	background-position:0px 15px;
}
#darkblue.selected {
	background-position:-20px 15px;
}
#skyblue.selected {
	background-position:-40px 15px;
}
#darkgreen.selected {
	background-position:-60px 15px;
}
#lightgreen.selected {
	background-position:-80px 15px;
}
#yellow.selected {
	background-position:-100px 15px;
}
#orange.selected {
	background-position:-120px 15px;
}
#red.selected {
	background-position:-140px 15px;
}
#darkred.selected {
	background-position:-160px 15px;
}
#violet.selected {
	background-position:-180px 15px;
}
</style>
</head>
<body>
<div id="header">
  <!--header_begin-->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="t_top">
    <tr>
      <td width="208"><img src="../ylzui/images/logo.jpg" width="209" height="50" alt="易联众后台" /></td>
      <td class="top_middle"><a href="welcome.html" class="btn_home" target="mainFrame"></a> <a href="javascript:void();" onclick="window.history.back();" class="btn_backward"></a> <a href="javascript:void();" onclick="window.history.forward();" class="btn_forward"></a> <a href="javascript:void();" onclick="window.parent.frames.mainFrame.location.reload();" class="btn_reload"></a></td>
      <td class="top_right"><span class="exit">
        <!--<a href="#">退出</a>-->
        <!--styleswitcher-->
        <!--styleswitcher-->
        </span> <span class="userInfo">欢迎您， <s:property value="#session.CURUSER.zhm000"/>，今天是2012年5月25日 星期五</span></td>
    </tr>
  </table>
  <!--header_end-->
</div>
</body>
</html>
